<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="/venue/css/bootstrap.min.css" />
		<link rel="stylesheet" href="/venue/css/homePage.css" />

	</head>
	<body>
		<div  class="container col-xl-12 " id="hp">
			<!-- pagehead navbar -->
			<div id="pageHead" class="">
				  <!-- Brand/logo -->
				  <div id="logoDiv" class="dropdown">
				  	<a class="navbar-brand  dropdown-toggle" data-toggle="dropdown"><span id="logoSpan">{{venue.nickname}}</span></a>
<!--					  <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
<!--						  <span class="sr-only">Toggle Dropright</span>-->
<!--					  </button>-->
					  <div class="dropdown-menu">
						  <a class="dropdown-item" href="homePage.html">首页</a>
						  <a class="dropdown-item" href="dynamic.html">动态</a>
						  <div class="dropdown-divider"></div>
						  <a class="dropdown-item" href="#">退出</a>
					  </div>
				  </div>
				  
				  
				  <!-- Links -->
				  <div id="linksDiv">
				  	<ul class="nav nav-tabs nav-justified justify-content-end">
				  	  <li class="nav-item">
				  	    <a class="nav-link" href="searchCoach.html">查看教练</a>
				  	  </li>
				  	  <li class="nav-item">
				  	    <a class="nav-link" href="searchVenue.html">查看场馆</a>
				  	  </li>
				  	  <li class="nav-item">
				  	    <a class="nav-link" href="followed.html">关注</a>
				  	  </li>
				  	  <li class="nav-item">
				  		<a class="nav-link" href="message.html">通知</a>
				  	  </li>
				  	  <li class="nav-item">
				  		<a class="nav-link" href="myCenter.html">场馆中心</a>
				  	  </li>
				  	</ul>
				  </div>
				  
			</div>
			<!-- navbar end -->
			<!-- 分隔间距 -->
			<div id="separate"></div>
			
			<!-- 轮播展示图片 -->
			<div id="rotation">
				<div id="demo" class="carousel slide" data-ride="carousel">
				 
				  <!-- 指示符 -->
				  <ul class="carousel-indicators">
				    <li data-target="#demo" data-slide-to="0" class="active"></li>
				    <li data-target="#demo" data-slide-to="1"></li>
				    <li data-target="#demo" data-slide-to="2"></li>
				  </ul>
				 
				  <!-- 轮播图片 -->
				  <div class="carousel-inner">
				    <div class="carousel-item active">
				      <img :src="venue.image1">
				    </div>
				    <div class="carousel-item">
				      <img :src="venue.image2">
				    </div>
				    <div class="carousel-item">
				      <img :src="venue.image3">
				    </div>
				  </div>
				 
				  <!-- 左右切换按钮 -->
				  <a class="carousel-control-prev" href="#demo" data-slide="prev">
				    <span class="carousel-control-prev-icon"></span>
				  </a>
				  <a class="carousel-control-next" href="#demo" data-slide="next">
				    <span class="carousel-control-next-icon"></span>
				  </a>
				 
				</div>
			</div>
			<!-- 轮播图end -->
			
		</div>
		<!-- container end -->
	</body>
	<script src="/venue/js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="/venue/js/axios.js" type="text/javascript" charset="utf-8"></script>
	<script src="/venue/js/axios_interceptor.js" type="text/javascript" charset="UTF-8"></script>
	<script src="/venue/js/jquery.min.js"></script>
	<script src="/venue/js/popper.min.js"></script>
	<script src="/venue/js/bootstrap.min.js"></script>
	<script src="/venue/js/homePage.js"></script>
</html>
